* {
    margin: 0;
    padding: 0;
  }
  
  .df{
	  display: flex;
  }
  .cp{
	  cursor: pointer;
  }
  
  body{
    width: 1280px;
    height: 720px;
	border-radius: 15px;
  }

  .chatKfPageApp {
    width: 1280px;
    height: 720px;
    display: flex;
  }

  .chatKfPageAppleft {
    width: 220px;
    height: 720px;
    background: #FAFAFA;
  }

  .chatKfPageAppright {
    width: 1060px;
    height: 720px;
    background: #FAFAFA;
  }

  .drag {
		-webkit-app-region: drag;
	}

  .nodrag,input,select,textarea,option{
    -webkit-app-region: no-drag
  }

  
.record {
  margin: 37px 0 0 34px;
}

.record .div1 {
  width: 12px;
  height: 24px;
  background: #1890ff;
  border-radius: 6px;
  margin-right: 16px;
}

.record .name {
  width: 144px;
  height: 24px;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 24px;
  color: #262626;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}

.chatKfPageApp {
  width: 1280px;
  height: 720px;
  display: flex;
}

.chatKfPageAppleft {
  width: 220px;
  height: 720px;
  background: #fafafa;
}

.chatKfPageAppright {
  width: 1060px;
  height: 720px;
  background: #fafafa;
}

.drag {
  -webkit-app-region: drag;
}

.nodrag,
input,
select,
textarea,
option {
  -webkit-app-region: no-drag;
}